<!doctype html>
<html class="fixed">

<head>

	<!-- Basic -->
	<meta charset="UTF-8">

	<title>个人信息 | Okler Themes | Porto-Admin</title>
	<meta name="keywords" content="HTML5 Admin Template" />
	<meta name="description" content="Porto Admin - Responsive HTML5 Template">
	<meta name="author" content="okler.net">

	<!-- Mobile Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

	<!-- Web Fonts  -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light"
		rel="stylesheet" type="text/css">

	<!-- Vendor CSS -->
	<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.css" />
	<link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.css" />
	<link rel="stylesheet" href="assets/vendor/magnific-popup/magnific-popup.css" />
	<link rel="stylesheet" href="assets/vendor/bootstrap-datepicker/css/datepicker3.css" />

	<!-- Theme CSS -->
	<link rel="stylesheet" href="assets/stylesheets/theme.css" />

	<!-- Skin CSS -->
	<link rel="stylesheet" href="assets/stylesheets/skins/default.css" />

	<!-- Theme Custom CSS -->
	<link rel="stylesheet" href="assets/stylesheets/theme-custom.css">

	<!-- Head Libs -->
	<script src="assets/vendor/modernizr/modernizr.js"></script>

</head>

<body>
	<section class="body">

		<!-- start: header -->
		<header class="header">
			<div class="logo-container">
				<a href="../" class="logo">
					<img src="assets/images/logo.png" height="35" alt="Porto Admin" />
				</a>
				<div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html"
					data-fire-event="sidebar-left-opened">
					<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
				</div>
			</div>

			<!-- start: search & user box -->
			<div class="header-right">

				<form action="pages-search-results.html" class="search nav-form">
					<div class="input-group input-search">
						<input type="text" class="form-control" name="q" id="q" placeholder="Search...">
						<span class="input-group-btn">
							<button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
						</span>
					</div>
				</form>

				<span class="separator"></span>

				<ul class="notifications">
					<li>
						<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
							<i class="fa fa-tasks"></i>
							<span class="badge">3</span>
						</a>

						<div class="dropdown-menu notification-menu large">
							<div class="notification-title">
								<span class="pull-right label label-default">3</span>
								Tasks
							</div>

							<div class="content">
								<ul>
									<li>
										<p class="clearfix mb-xs">
											<span class="message pull-left">Generating Sales Report</span>
											<span class="message pull-right text-dark">60%</span>
										</p>
										<div class="progress progress-xs light">
											<div class="progress-bar" role="progressbar" aria-valuenow="60"
												aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
										</div>
									</li>

									<li>
										<p class="clearfix mb-xs">
											<span class="message pull-left">Importing Contacts</span>
											<span class="message pull-right text-dark">98%</span>
										</p>
										<div class="progress progress-xs light">
											<div class="progress-bar" role="progressbar" aria-valuenow="98"
												aria-valuemin="0" aria-valuemax="100" style="width: 98%;"></div>
										</div>
									</li>

									<li>
										<p class="clearfix mb-xs">
											<span class="message pull-left">Uploading something big</span>
											<span class="message pull-right text-dark">33%</span>
										</p>
										<div class="progress progress-xs light mb-xs">
											<div class="progress-bar" role="progressbar" aria-valuenow="33"
												aria-valuemin="0" aria-valuemax="100" style="width: 33%;"></div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
							<i class="fa fa-envelope"></i>
							<span class="badge">4</span>
						</a>

						<div class="dropdown-menu notification-menu">
							<div class="notification-title">
								<span class="pull-right label label-default">230</span>
								Messages
							</div>

							<div class="content">
								<ul>
									<li>
										<a href="#" class="clearfix">
											<figure class="image">
												<img src="assets/images/!sample-user.jpg" alt="Joseph Doe Junior"
													class="img-circle" />
											</figure>
											<span class="title">Joseph Doe</span>
											<span class="message">Lorem ipsum dolor sit.</span>
										</a>
									</li>
									<li>
										<a href="#" class="clearfix">
											<figure class="image">
												<img src="assets/images/!sample-user.jpg" alt="Joseph Junior"
													class="img-circle" />
											</figure>
											<span class="title">Joseph Junior</span>
											<span class="message truncate">Truncated message. Lorem ipsum dolor sit
												amet, consectetur adipiscing elit. Donec sit amet lacinia orci. Proin
												vestibulum eget risus non luctus. Nunc cursus lacinia lacinia. Nulla
												molestie malesuada est ac tincidunt. Quisque eget convallis diam, nec
												venenatis risus. Vestibulum blandit faucibus est et malesuada. Sed
												interdum cursus dui nec venenatis. Pellentesque non nisi lobortis,
												rutrum eros ut, convallis nisi. Sed tellus turpis, dignissim sit amet
												tristique quis, pretium id est. Sed aliquam diam diam, sit amet faucibus
												tellus ultricies eu. Aliquam lacinia nibh a metus bibendum, eu commodo
												eros commodo. Sed commodo molestie elit, a molestie lacus porttitor id.
												Donec facilisis varius sapien, ac fringilla velit porttitor et. Nam
												tincidunt gravida dui, sed pharetra odio pharetra nec. Duis consectetur
												venenatis pharetra. Vestibulum egestas nisi quis elementum
												elementum.</span>
										</a>
									</li>
									<li>
										<a href="#" class="clearfix">
											<figure class="image">
												<img src="assets/images/!sample-user.jpg" alt="Joe Junior"
													class="img-circle" />
											</figure>
											<span class="title">Joe Junior</span>
											<span class="message">Lorem ipsum dolor sit.</span>
										</a>
									</li>
									<li>
										<a href="#" class="clearfix">
											<figure class="image">
												<img src="assets/images/!sample-user.jpg" alt="Joseph Junior"
													class="img-circle" />
											</figure>
											<span class="title">Joseph Junior</span>
											<span class="message">Lorem ipsum dolor sit amet, consectetur adipiscing
												elit. Donec sit amet lacinia orci. Proin vestibulum eget risus non
												luctus. Nunc cursus lacinia lacinia. Nulla molestie malesuada est ac
												tincidunt. Quisque eget convallis diam.</span>
										</a>
									</li>
								</ul>

								<hr />

								<div class="text-right">
									<a href="#" class="view-more">View All</a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
							<i class="fa fa-bell"></i>
							<span class="badge">3</span>
						</a>

						<div class="dropdown-menu notification-menu">
							<div class="notification-title">
								<span class="pull-right label label-default">3</span>
								Alerts
							</div>

							<div class="content">
								<ul>
									<li>
										<a href="#" class="clearfix">
											<div class="image">
												<i class="fa fa-thumbs-down bg-danger"></i>
											</div>
											<span class="title">Server is Down!</span>
											<span class="message">Just now</span>
										</a>
									</li>
									<li>
										<a href="#" class="clearfix">
											<div class="image">
												<i class="fa fa-lock bg-warning"></i>
											</div>
											<span class="title">User Locked</span>
											<span class="message">15 minutes ago</span>
										</a>
									</li>
									<li>
										<a href="#" class="clearfix">
											<div class="image">
												<i class="fa fa-signal bg-success"></i>
											</div>
											<span class="title">Connection Restaured</span>
											<span class="message">10/10/2014</span>
										</a>
									</li>
								</ul>

								<hr />

								<div class="text-right">
									<a href="#" class="view-more">View All</a>
								</div>
							</div>
						</div>
					</li>
				</ul>

				<span class="separator"></span>

				<div id="userbox" class="userbox">
					<a href="#" data-toggle="dropdown">
						<figure class="profile-picture">
							<img src="assets/images/!logged-user.jpg" alt="Joseph Doe" class="img-circle"
								data-lock-picture="assets/images/!logged-user.jpg" />
						</figure>
						<div class="profile-info" data-lock-name="呆橘@" data-lock-email="ymf@qq.com">
							<span class="name">杨梦飞</span>
							<span class="role">管理员</span>
						</div>

						<i class="fa custom-caret"></i>
					</a>

					<div class="dropdown-menu">
						<ul class="list-unstyled">
							<li class="divider"></li>
							<li>
								<a role="menuitem" tabindex="-1" href="pages-user-profile.html"><i
										class="fa fa-user"></i> 个人信息</a>
							</li>
							<li>
								<a role="menuitem" tabindex="-1" href="#" data-lock-screen="true"><i
										class="fa fa-lock"></i> 账号锁定</a>
							</li>
							<li>
								<a role="menuitem" tabindex="-1" href="pages-signin.html"><i
										class="fa fa-power-off"></i> 注销登录</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- end: search & user box -->
		</header>
		<!-- end: header -->

		<div class="inner-wrapper">
			<!-- start: sidebar -->
			<aside id="sidebar-left" class="sidebar-left">

				<div class="sidebar-header">
					<div class="sidebar-title">
						<strong>在线考试系统</strong>
					</div>
					<div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html"
						data-fire-event="sidebar-left-toggle">
						<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
					</div>
				</div>

				<div class="nano">
					<div class="nano-content">
						<nav id="menu" class="nav-main" role="navigation">
							<ul class="nav nav-main">
								<li>
									<a href="index.html">
										<i class="fa fa-home" aria-hidden="true"></i>
										<span>主页</span>
									</a>
								</li>
								<!-- 在线考试 -->
								<li class="nav-parent">
									<a>
										<i class="fa fa-file-text" aria-hidden="true"></i>
										<span>在线考试</span>
									</a>
									<ul class="nav nav-children">
										<li>
											<a href="online-exam.html">
												<i class="fa fa-clock-o" aria-hidden="true"></i>
												<span>在线考试</span>
											</a>
										</li>
										<li>
											<a href="my-score.html">
												<i class="fa fa-trophy" aria-hidden="true"></i>
												<span>我的成绩</span>
											</a>
										</li>
									</ul>
								</li>
								<!-- 考试管理 -->
								<li class="nav-parent">
									<a>
										<i class="fa fa-edit" aria-hidden="true"></i>
										<span>考试管理</span>
									</a>
									<ul class="nav nav-children">
										<li>
											<a href="exam-management.html">
												<i class="fa fa-edit" aria-hidden="true"></i>
												<span>考试管理</span>
											</a>
										</li>
										<li>
											<a href="questionbank-management.html">
												<i class="fa fa-list" aria-hidden="true"></i>
												<span>题库管理</span>
											</a>
										</li>
										<li>
											<a href="test-management.html">
												<i class="fa fa-copy" aria-hidden="true"></i>
												<span>试题管理</span>
											</a>
										</li>
									</ul>
								</li>
								<!-- 系统设置 -->
								<li class="nav-parent">
									<a>
										<i class="fa fa-cog" aria-hidden="true"></i>
										<span>系统设置</span>
									</a>
									<ul class="nav nav-children">
										<li>
											<a href="depart-management.html">
												<i class="fa fa-sitemap" aria-hidden="true"></i>
												<span>部门管理</span>
											</a>
										</li>
										<li>
											<a href="role-management.html">
												<i class="fa fa-group" aria-hidden="true"></i>
												<span>角色管理</span>
											</a>
										</li>
										<li>
											<a href="user-management.html">
												<i class="fa fa-user" aria-hidden="true"></i>
												<span>用户管理</span>
											</a>
										</li>
									</ul>
								</li>
							</ul>
						</nav>

					</div>

				</div>

			</aside>
			<!-- end: sidebar -->

			<section role="main" class="content-body">
				<header class="page-header">
					<h2>个人信息</h2>

					<div class="right-wrapper pull-right">
						<ol class="breadcrumbs">
							<li>
								<a href="index.html">
									<i class="fa fa-home"></i>
								</a>
							</li>
							<li><span>个人信息</span></li>
						</ol>

						<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
					</div>
				</header>

				<!-- start: page -->

				<div class="row">
					<div class="col-md-4 col-lg-3">

						<section class="panel">
							<header class="panel-heading">
								<div class="panel-actions">
									<a href="#" class="fa fa-caret-down"></a>
									<a href="#" class="fa fa-times"></a>
								</div>

								<h2 class="panel-title">个人资料</h2>
							</header>
							<div class="panel-body">
								<div class="thumb-info mb-md">
									<a href="javascript:avatar()"><img src="assets/images/!logged-user.jpg" class="rounded img-responsive" alt="呆橘@"></a>
									<!-- <a href="javascript:avatar()"><img th:src="(${user.avatar} == '') ? @{assets/images/!logged-user.jpg} : @{${user.avatar}}" class="rounded img-responsive" alt="呆橘@"></a> -->
									<div class="thumb-info-title">
										<span class="thumb-info-inner">呆橘@</span>
										<span class="thumb-info-type">管理员</span>
									</div>
								</div>
								<hr class="dotted short">
								<ul class="list-group list-group-striped">
									<li class="list-group-item"><i class="fa fa-user"></i>
										<b class="font-noraml">登录名称：</b>
										<p class="pull-right">admin</p>
									</li>
									<li class="list-group-item"><i class="fa fa-phone"></i>
										<b class="font-noraml">手机号码：</b>
										<p class="pull-right">18756185555</p>
									</li>
									<li class="list-group-item"><i class="fa fa-group"></i>
										<b class="font-noraml">所属部门：</b>
										<p class="pull-right">xxx</p>
									</li>
									<li class="list-group-item"><i class="fa fa-envelope-o"></i>
										<b class="font-noraml">邮箱地址：</b>
										<p class="pull-right">ymf@163.com</p>
									</li>
									<li class="list-group-item"><i class="fa fa-calendar"></i>
										<b class="font-noraml">创建时间：</b>
										<p class="pull-right">2020-11-30</p>
									</li>
								</ul>
								<div class="social-icons-list">
									<a rel="tooltip" data-placement="bottom" target="_blank"
										href="http://www.facebook.com" data-original-title="Facebook"><i
											class="fa fa-facebook"></i><span>Facebook</span></a>
									<a rel="tooltip" data-placement="bottom" href="http://www.twitter.com"
										data-original-title="Twitter"><i
											class="fa fa-twitter"></i><span>Twitter</span></a>
									<a rel="tooltip" data-placement="bottom" href="http://www.linkedin.com"
										data-original-title="Linkedin"><i
											class="fa fa-linkedin"></i><span>Linkedin</span></a>
								</div>

							</div>
						</section>

					</div>
					<div class="col-md-8 col-lg-9">
						<section class="panel">
							<header class="panel-heading">
								<div class="panel-actions">
									<a href="#" class="fa fa-caret-down"></a>
									<a href="#" class="fa fa-times"></a>
								</div>

								<h2 class="panel-title">基本资料</h2>
							</header>
							<div class="panel-body">
								<div class="nav-tabs-custom">
									<ul class="nav nav-tabs">
										<li class="active"><a href="#user_info" data-toggle="tab"
												aria-expanded="true">基本资料</a></li>
										<li><a href="#modify_password" data-toggle="tab" aria-expanded="false">修改密码</a>
										</li>
									</ul>
									<div class="tab-content">
										<!--用户信息-->
										<div class="tab-pane active" id="user_info" th:object="${user}">
											<form class="form-horizontal" id="form-user-edit">
												<!--隐藏ID-->
												<input name="id" id="id" type="hidden">
												<div class="form-group">
													<label class="col-sm-2 control-label">用户姓名：</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" name="userName"
															th:field="*{userName}" placeholder="请输入用户姓名">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">手机号码：</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" name="phonenumber"
															maxlength="11" th:field="*{phonenumber}"
															placeholder="请输入手机号码">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">邮箱：</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" name="email"
															th:field="*{email}" placeholder="请输入邮箱">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">性别：</label>
													<div class="col-sm-10">
														<div class="radio-custom radio-primary radio-box">
															<input id="radio1"  th:field="*{sex}" name="sex" type="radio" value="0" required="">
															<label for="radio1">男</label>
														</div>
														<div class="radio-custom radio-primary radio-box">
															<input id="radio2" th:field="*{sex}" name="sex" type="radio" value="1">
															<label for="radio2">女</label>
														</div>
													</div>
												</div>
												<div class="form-group">
													<div class="col-sm-offset-2 col-sm-10">
														<button type="button" class="btn btn-sm btn-primary"
															onclick="submitUserInfo()"><i class="fa fa-check"></i>保
															存</button>&nbsp;
														<button type="button" class="btn btn-sm btn-danger"
															onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭
														</button>
													</div>
												</div>
											</form>
										</div>

										<!--修改密码-->
										<div class="tab-pane" id="modify_password">
											<form class="form-horizontal" id="form-user-resetPwd">
												<div class="form-group">
													<label class="col-sm-2 control-label">旧密码：</label>
													<div class="col-sm-10">
														<input type="password" class="form-control" name="oldPassword"
															placeholder="请输入旧密码">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">新密码：</label>
													<div class="col-sm-10">
														<input type="password" class="form-control" name="newPassword"
															id="newPassword" placeholder="请输入新密码">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">确认密码：</label>
													<div class="col-sm-10">
														<input type="password" class="form-control"
															name="confirmPassword" placeholder="请确认密码">
													</div>
												</div>
												<div class="form-group">
													<div class="col-sm-offset-2 col-sm-10">
														<button type="button" class="btn btn-sm btn-primary"
															onclick="submitChangPassword()"><i class="fa fa-check"></i>保
															存</button>&nbsp;
														<button type="button" class="btn btn-sm btn-danger"
															onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭
														</button>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
								<!-- <div id="edit" class="tab-pane active">

										<form class="form-horizontal" method="get">
											<h4 class="mb-xlg">个人信息</h4>
											<fieldset>
												<div class="form-group">
													<label class="col-md-3 control-label" for="profileUserName">用户名</label>
													<div class="col-md-8">
														<input type="text" class="form-control" id="profileUserName">
													</div>
												</div>
												<div class="form-group">
													<label class="col-md-3 control-label" for="profilePhone">手机号</label>
													<div class="col-md-8">
														<input type="text" class="form-control" id="profilePhone">
													</div>
												</div>
												<div class="form-group">
													<label class="col-md-3 control-label" for="profileEmail">邮箱</label>
													<div class="col-md-8">
														<input type="text" class="form-control" id="profileEmail">
													</div>
												</div>
												<div class="form-group">
													<label class="col-md-3 control-label" for="profileAddress">地址</label>
													<div class="col-md-8">
														<input type="text" class="form-control" id="profileAddress">
													</div>
												</div>
												<div class="form-group">
													<label class="col-md-3 control-label" for="profileCompany">公司</label>
													<div class="col-md-8">
														<input type="text" class="form-control" id="profileCompany">
													</div>
												</div>
											</fieldset>
											<hr class="dotted tall">
											<h4 class="mb-xlg">个人简介</h4>
											<fieldset>
												<div class="form-group">
													<label class="col-md-3 control-label" for="profileBio">个人简介</label>
													<div class="col-md-8">
														<textarea class="form-control" rows="3" id="profileBio"></textarea>
													</div>
												</div>
												<div class="form-group">
													<label class="col-xs-3 control-label mt-xs pt-none">是否公开</label>
													<div class="col-md-8">
														<div class="checkbox-custom checkbox-default checkbox-inline mt-xs">
															<input type="checkbox" checked="" id="profilePublic">
															<label for="profilePublic"></label>
														</div>
													</div>
												</div>
											</fieldset>
											<hr class="dotted tall">
											<h4 class="mb-xlg">更改密码</h4>
											<fieldset class="mb-xl">
												<div class="form-group">
													<label class="col-md-3 control-label"
														for="profileNewPassword">新密码</label>
													<div class="col-md-8">
														<input type="text" class="form-control" id="profileNewPassword">
													</div>
												</div>
												<div class="form-group">
													<label class="col-md-3 control-label"
														for="profileNewPasswordRepeat">确认密码</label>
													<div class="col-md-8">
														<input type="text" class="form-control"
															id="profileNewPasswordRepeat">
													</div>
												</div>
											</fieldset>
											<div class="panel-footer">
												<div class="row">
													<div class="col-md-9 col-md-offset-5">
														<button type="submit" class="btn btn-primary">提交</button>
														<button type="reset" class="btn btn-default">重置</button>
													</div>
												</div>
											</div>

										</form>

									</div> -->
							</div>
						</section>
					</div>


				</div>
				<!-- end: page -->
			</section>
		</div>

		<aside id="sidebar-right" class="sidebar-right">
			<div class="nano">
				<div class="nano-content">
					<a href="#" class="mobile-close visible-xs">
						Collapse <i class="fa fa-chevron-right"></i>
					</a>

					<div class="sidebar-right-wrapper">

						<div class="sidebar-widget widget-calendar">
							<h6>Upcoming Tasks</h6>
							<div data-plugin-datepicker data-plugin-skin="dark"></div>

							<ul>
								<li>
									<time datetime="2014-04-19T00:00+00:00">04/19/2014</time>
									<span>Company Meeting</span>
								</li>
							</ul>
						</div>

						<div class="sidebar-widget widget-friends">
							<h6>Friends</h6>
							<ul>
								<li class="status-online">
									<figure class="profile-picture">
										<img src="assets/images/!sample-user.jpg" alt="Joseph Doe" class="img-circle">
									</figure>
									<div class="profile-info">
										<span class="name">Joseph Doe Junior</span>
										<span class="title">Hey, how are you?</span>
									</div>
								</li>
								<li class="status-online">
									<figure class="profile-picture">
										<img src="assets/images/!sample-user.jpg" alt="Joseph Doe" class="img-circle">
									</figure>
									<div class="profile-info">
										<span class="name">Joseph Doe Junior</span>
										<span class="title">Hey, how are you?</span>
									</div>
								</li>
								<li class="status-offline">
									<figure class="profile-picture">
										<img src="assets/images/!sample-user.jpg" alt="Joseph Doe" class="img-circle">
									</figure>
									<div class="profile-info">
										<span class="name">Joseph Doe Junior</span>
										<span class="title">Hey, how are you?</span>
									</div>
								</li>
								<li class="status-offline">
									<figure class="profile-picture">
										<img src="assets/images/!sample-user.jpg" alt="Joseph Doe" class="img-circle">
									</figure>
									<div class="profile-info">
										<span class="name">Joseph Doe Junior</span>
										<span class="title">Hey, how are you?</span>
									</div>
								</li>
							</ul>
						</div>

					</div>
				</div>
			</div>
		</aside>
	</section>

	<!-- Vendor -->
	<script src="assets/vendor/jquery/jquery.js"></script>
	<script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
	<script src="assets/vendor/bootstrap/js/bootstrap.js"></script>
	<script src="assets/vendor/nanoscroller/nanoscroller.js"></script>
	<script src="assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script src="assets/vendor/magnific-popup/magnific-popup.js"></script>
	<script src="assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>

	<!-- Specific Page Vendor -->
	<script src="assets/vendor/jquery-autosize/jquery.autosize.js"></script>

	<!-- Theme Base, Components and Settings -->
	<script src="assets/javascripts/theme.js"></script>

	<!-- Theme Custom -->
	<script src="assets/javascripts/theme.custom.js"></script>

	<!-- Theme Initialization Files -->
	<script src="assets/javascripts/theme.init.js"></script>
	<script>
		/*用户管理-头像*/
		function avatar() {
			var url = ctx + 'system/user/profile/avatar';
			$.modal.open("修改头像", url);
		}

		/*用户信息-修改*/
		$("#form-user-edit").validate({
			onkeyup: false,
			rules: {
				userName: {
					required: true,
				},
				email: {
					required: true,
					email: true,
					remote: {
						url: ctx + "system/user/checkEmailUnique",
						type: "post",
						dataType: "json",
						data: {
							"userId": function () {
								return $("#userId").val();
							},
							"email": function () {
								return $.common.trim($("#email").val());
							}
						},
						dataFilter: function (data, type) {
							return $.validate.unique(data);
						}
					}
				},
				phonenumber: {
					required: true,
					isPhone: true,
					remote: {
						url: ctx + "system/user/checkPhoneUnique",
						type: "post",
						dataType: "json",
						data: {
							"userId": function () {
								return $("#userId").val();
							},
							"phonenumber": function () {
								return $.common.trim($("#phonenumber").val());
							}
						},
						dataFilter: function (data, type) {
							return $.validate.unique(data);
						}
					}
				},
			},
			messages: {
				"userName": {
					required: "请输入用户姓名",
				},
				"email": {
					required: "请输入邮箱",
					remote: "Email已经存在"
				},
				"phonenumber": {
					required: "请输入手机号码",
					remote: "手机号码已经存在"
				}
			},
			focusCleanup: true
		});

		function submitUserInfo() {
			if ($.validate.form()) {
				$.operate.saveModal(ctx + "system/user/profile/update", $('#form-user-edit').serialize());
			}
		}

		/*用户管理-修改密码*/
		$("#form-user-resetPwd").validate({
			onkeyup: false,
			rules: {
				oldPassword: {
					required: true,
					remote: {
						url: ctx + "system/user/profile/checkPassword",
						type: "get",
						dataType: "json",
						data: {
							password: function () {
								return $("input[name='oldPassword']").val();
							}
						}
					}
				},
				newPassword: {
					required: true,
					minlength: 6,
					maxlength: 20
				},
				confirmPassword: {
					required: true,
					equalTo: "#newPassword"
				}
			},
			messages: {
				oldPassword: {
					required: "请输入原密码",
					remote: "原密码错误"
				},
				newPassword: {
					required: "请输入新密码",
					minlength: "密码不能小于6个字符",
					maxlength: "密码不能大于20个字符"
				},
				confirmPassword: {
					required: "请再次输入新密码",
					equalTo: "两次密码输入不一致"
				}

			},
			focusCleanup: true
		});

		function submitChangPassword() {
			if ($.validate.form("form-user-resetPwd")) {
				$.operate.saveModal(ctx + "system/user/profile/resetPwd", $('#form-user-resetPwd').serialize());
			}
		}
	</script>
	<style>
		.list-group-item {
			border: 0;
		}
		.check-box,
		.radio-box {
			display: inline-block;
			box-sizing: border-box;
			cursor: pointer;
			position: relative;
			padding-left: 25px;
			padding-right: 15px;
			padding-top: 8px;
		}
	</style>
</body>

</html>